<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>生活风格</title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/jquery.SuperSlide.2.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js"></script>
	</head>
	<body>
		<div class="zhengh">
			<div class="top clearfix">
				<div class="left_logo">
					<h4><span class="clogo"><img src="images/clogo.png"/></span><span><img src="images/clogo02.png"/></span></h4>
				</div>
				<div class="right_biaot">
					<div class="lianxib">
						<img src="images/cbiaot.png"/>
						<p>11年家装装饰经验，数百家成功案例，就是我们实力，欢迎来司实地考察</p>
					</div>
				</div>
			</div>
			<div class="main menfad">
				<div class="menuleft">
					<div class="m_top">
						<span>MENU</span>
						<i></i>
						<b></b>
					</div>
					<div class="m_down">
						<h3>
							<span class="tuichu"><i></i>收起</span>
							欣 宇
						</h3>
						<ul class="m_li">
							<li class="lis">
								<h4>产 品<b></b></h4>
								<ul>
									<li><a href="#">墙 纸</a></li>
									<li><a href="#">窗 帘</a></li>
									<li><a href="#">地 毯</a></li>
									<li><a href="#">软 包</a></li>
								</ul>
							</li>
							<li class="lis">
								<h4>案 例<b></b></h4>
								<ul>
									<li><a href="#">墙 纸</a></li>
									<li><a href="#">窗 帘</a></li>
									<li><a href="#">地 毯</a></li>
									<li><a href="#">软 包</a></li>
								</ul>
							</li>
							<li class="lis">
								<h4>分 店<b></b></h4>
								<ul>
									<li><a href="#">墙 纸</a></li>
									<li><a href="#">窗 帘</a></li>
									<li><a href="#">地 毯</a></li>
									<li><a href="#">软 包</a></li>
								</ul>
							</li>
							<li class="lis">
								<h4>动 态<b></b></h4>
								<ul>
									<li><a href="#">墙 纸</a></li>
									<li><a href="#">窗 帘</a></li>
									<li><a href="#">地 毯</a></li>
									<li><a href="#">软 包</a></li>
								</ul>
							</li>
							<li class="lis">
								<h4>联 系<b></b></h4>
								<ul>
									<li><a href="#">墙 纸</a></li>
									<li><a href="#">窗 帘</a></li>
									<li><a href="#">地 毯</a></li>
									<li><a href="#">软 包</a></li>
								</ul>
							</li>
						</ul>
						<div class="lx_down">
							<ul>
								<li><span></span><img src="images/meinv.png"/></li>
								<li>在线客服</li>
								<li>400-888-888</li>
								<li class="zixun"><a href="#"><i></i>产品咨询</a></li>
								<li class="zixun"><a href="#"><i></i>加盟咨询</a></li>
								<li class="zixun"><a href="#"><i></i>售后咨询</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="wrap">
					<div class="nav clearfix">
						<div class="nav_ul clearfix">
							<div class="nav_le">
								<a class="xud" href="#">家装搭配</a>
							</div>
							<div class="nav_ri">
								<a href="#">首页</a><i class="iconfont">&#xe610;</i><span>家装搭配</span>
							</div>
							<span class="nav_logo"><img src="images/downlogo.png"/></span>
						</div>
						
					</div>
					<div class="main_n">
						<div class="shenghdp">
							<div class="xuanz_top clearfix">
								<div class="xuanz_le">
									<h5>选择场景</h5>
									<h6>SELECT THE SCENE</h6>
								</div>
								<div class="shul xz_changj clearfix">
									<a href="#">卧室</a>
								    <a href="#">书房</a>
								    <a href="#">青少年</a>
								    <a href="#">客厅</a>
								    <a href="#">厨房</a>
								    <div class="smore">更多<i><img src="images/xiaoxiajian.png"/></i></div>
								</div>
								<div class="xuanz_ri">
									<h5>选择风格</h5>
									<h6>CHOICE OF STYLE</h6>
								</div>
								<div class="shul xz_fengg clearfix">
									<a href="#">田园</a>
									<a href="#">美式</a>
									<a href="#">欧式</a>
									<a href="#">现代</a>
									<a href="#">新古典</a>
									<div class="smore">更多<i><img src="images/xiaoxiajian.png"/></i></div>
								</div>
							</div>
							<div class="xuanz_dw">
								<a class="suoyfl" href="#">所有分类</a><i class="iconfont">&#xe610;</i>
								<span class="chj">场景：<b>卧室</b><i class="iconfont">&#xe60c;</i></span>
								<span class="feg">风格：<b>欧式</b><i class="iconfont">&#xe60c;</i></span>
								<em>共<strong>6</strong>个产品</em>
							</div>
						</div>
						<ul class="daplist clearfix">
							<li>
								<img src="images/mendian01.jpg"/>
								<div class="cpzhez"></div>
							</li>
							<li>
								<img src="images/mendian01.jpg"/>
								<div class="cpzhez"></div>
							</li>
							<li>
								<img src="images/mendian01.jpg"/>
								<div class="cpzhez"></div>
							</li>
							<li>
								<img src="images/mendian01.jpg"/>
								<div class="cpzhez"></div>
							</li>
							<li>
								<img src="images/mendian01.jpg"/>
								<div class="cpzhez"></div>
							</li>
							<li>
								<img src="images/mendian01.jpg"/>
								<div class="cpzhez"></div>
							</li>
						</ul>
						<div class="paging">
							<a class="nshang" href="#"><i class="iconfont">&#xe60e;</i>上一页</a>
							<span>1</span>
							<a href="#">2</a>
							<a href="#">3</a>
							<a class="nxia" href="#"><i class="iconfont">&#xe607;</i>下一页</a>
						</div>
						<div class="fangdazs clearfix">
							<div class="fada_img">
								<img src="images/mendian06.jpg"/>
							</div>
							<div class="fada_jies xiat">
								<h3>客厅搭配方案</h3>
								<dl>
									<dt>
										<img src="images/changj01.jpg"/>
									</dt>
									<dd>
										<span>搭配 : <i>窗帘</i></span><span>型号 : <i>CL53694</i></span>
									</dd>
								</dl>
								<dl>
									<dt>
										<img src="images/changj01.jpg"/>
									</dt>
									<dd>
										<span>搭配 : <i>窗帘</i></span><span>型号 : <i>CL53694</i></span>
									</dd>
								</dl>
								<dl>
									<dt>
										<img src="images/changj01.jpg"/>
									</dt>
									<dd>
										<span>搭配 : <i>窗帘</i></span><span>型号 : <i>CL53694</i></span>
									</dd>
								</dl>
							</div>
							<span class="fada_tc iconfont">&#xe60c;</span>
							<a class="shangyg" href=""></a>
							<a class="xiayg" href=""></a>
							
						</div>
					</div>
				</div>
				
			</div>
			<div class="footer">
				<p>Copyright © 欣宇装饰有限公司 All Rights Reserved. 沪ICP备88888888号</p>
				<span class="guanzhu">关注我们:
                    <a href="#"><i class="iconfont">&#xe60a;</i></a>
                    <a href="#"><i class="iconfont">&#xe608;</i></a>
                </span>
				
				<span class="lianxw">
					<a href="#">联系欣宇</a>|
					<a href="#">加入收藏</a>|
					<a href="#">网站地图</a>|
					<a href="#">友情链接</a>
				</span>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		$(function(){
			$(".daplist li").find(".cpzhez").on("click",function(){
				$(".fangdazs").toggle();
			})
			$(".fada_tc").on("click",function(){
				$(".fangdazs").hide();
			})
			$(".daplist li").hover(function(){
				$(this).toggleClass("tanxiang")
			})
			$(".xuanz_dw span").find("i").on("click",function(){
				$(this).parent().hide();
			})
			$(".xz_changj a").on("click",function(){
				var baoc=$(this).html();
				$(".chj").show();
				$(".chj").find("b").html(baoc);
				$(this).addClass("bianh").siblings("a").removeClass("bianh");
			})
			$(".xz_fengg a").on("click",function(){
				var baof=$(this).html();
				$(".feg").show();
				$(".feg").find("b").html(baof);
				$(this).addClass("bianh").siblings("a").removeClass("bianh");
			})
			$(".suoyfl").on("click",function(){
				$(".xuanz_dw span").hide();
				$(".shul a").removeClass("bianh");
			})
		})
	</script>
</html>
